<template>
  <div class="footer">
      <div class="footerItem">
          <ul class="footUl">
              <li class="li">
                  <i>全球领先</i>
              </li>
              <li class="li1">
                  <i>正品货源</i>
              </li>
              <li class="li2">
                  <i>全球直采</i>
              </li>
              <li class="li3">
                  <i>自营仓储</i>
              </li>
              <li class="li4">
                  <i>入仓检验</i>
              </li>
              <li class="li5">
                  <i>正品保险</i>
              </li>
              <li class="li6">
                  <i>无忧退换</i>
              </li>
              <li class="li7">
                  <i>万千信赖</i>
              </li>
          </ul>
          <div class="ffmain">
              <dl>
                  <dd>服务保障</dd>
                  <dd>正品保证</dd>
                  <dd>七天无理由放心退</dd>
                  <dd>7x15小时客户服务</dd>
                  <dd>七天无理由随心换</dd>
              </dl>
              <dl>
                  <dd>购物指南</dd></dd>
                  <dd>导航演示</dd>
                  <dd>订单操作</dd>
                  <dd>会员注册</dd>
                  <dd>账户管理</dd>
                  <dd>收获样品</dd>
                  <dd>会员等级</dd>
              </dl>
              <dl>
                  <dd>支付方式</dd>
                  <dd>23家主流网银支付</dd>
                  <dd>支付宝丶银联等支付</dd>
                  <dd>信用卡支付</dd>
                  <dd>零钱支付</dd>
              </dl>
              <dl>
                  <dd>配送方式</dd>
                  <dd>配送范围及运费</dd>
                  <dd>验货与签收</dd>
              </dl>
              <dl>
                  <dd>售后服务</dd>
                  <dd>退货政策</dd>
                  <dd>退货流程</dd>
                  <dd>退款方式和时效</dd>
                  <dd>换货服务</dd>
              </dl>
              <dl class="app">
                 <dt class="appdt">唯品会APP二维码</dt>
                 <dd class="appdd">
                     <img src="//a.vpimg4.com/upload/actpics/xuangou_daily/help/page_bottom_dl_n.png">
                 </dd>
                 <dd class="appdd1">下载唯品会移动APP</dd>
              </dl>
          </div>
          <div class="mains">
              <p class="p1">
            <a href="javascript:;">关于我们</a>|
            <a href="javascript:;">About us</a>|
            <a href="javascript:;">Investor Relations</a>|
            <a href="javascript:;">媒体报道</a>|
            <a href="javascript:;">品牌招商</a>|
            <a href="javascript:;">隐私条款</a>|
            <a href="javascript:;">唯品诚聘</a>|
            <a href="javascript:;">唯品卡</a>|
            <a href="javascript:;">联系我们</a>|
            <a href="javascript:;">廉正举报</a>
                
              </p>
              <p class="p2">
                <a href="javascript:;">
                Copyright © 2008-2021 vip.com，All Rights Reserved  使用本网站即表示接受
                </a>
                <a href="javascript:;">唯品会用户协议</a>
                <a href="javascript:;">广州唯品会电子商务有限公司</a>
                 <a href="javascript:;" style="&nbsp:&nbsp">粤公网安备 44010302111111号
                </a>
                <a href="javascript:;">粤ICP备08114786号</a>
                <a href="javascript:;">增值业务经营许可证：粤B2-20170777 </a>
                <a href="javascript:;">网络文化经营许可证：粤网文〔2018〕5030-1743号</a>
                <a href="javascript:;">经营主体证照</a>
                <a href="javascript:;">风险监测信息</a>
                <a href="javascript:;">互联网药品信息服务资格证书：（粤）-经营性-2018-0271</a>
                <a href="javascript:;"> 网络食品交易第三方平台备案凭证：粤B2-20170777 </a>
                <a href="javascript:;">医疗器械网络交易服务第三方平台备案凭证：（粤）网械平台备字[2019]第00001号</a>
                <a href="javascript:;">出版物网络交易平台服务经营备案证：粤新出网备（2021）1号</a>
                         
              </p>
          </div>
          <div class="mainF">
              <p class="p3">
                  <a href="javascript:；">
                      <i class="i1"></i>
                  </a>
                  <a href="javascript:；">
                      <i class="i2"></i>
                  </a>
                  <a href="javascript:；">
                      <i class="i3"></i>
                  </a>
                  <a href="javascript:；">
                      <i class="i4"></i>
                  </a>
                  <a href="javascript:；">
                      <i class="i5"></i>
                  </a>
                  <a href="javascript:">
                      <i class="i6"></i>
                  </a>
                   
              </p>
          </div>
      </div>
  </div>
</template>

<script>
export default {
  name: "Footerover",
};
</script>

<style lang='less' scoped>
.footer {
  margin-top: 50px;
  display: block;
  clear: both;
  overflow: hidden;
  line-height: 22px;
  padding-top: 0;
  border-top: 1px solid #ebebeb;
  background: #fcfcfc;
  color: #4d4d4d;
  .footerItem {
    width: 972px;
    margin: 0 auto;
    overflow: hidden;
    .footUl {
      overflow: hidden;
      list-style: none;
      .li {
        float: left;
        i {
          display: block;
          margin-top: 30px;
          margin-right: 38px;
          margin-left: 10px;
          width: 72px;
          height: 75px;
          font-size: 0;
          text-indent: -100%;
          background: url(//shop.vipstatic.com/img/common/footer_common_20200225-hash-de601308.png?2f451356)
            no-repeat 0 0;
        }
      }
      .li1 {
        float: left;
        i {
          display: block;
          margin-top: 30px;
          margin-right: 38px;
          margin-left: 10px;
          width: 72px;
          height: 75px;
          font-size: 0;
          text-indent: -100%;
          background: url(//shop.vipstatic.com/img/common/footer_common_20200225-hash-de601308.png?2f451356)
            no-repeat 0 0;
          background-position: -123px 0;
        }
      }
      .li2 {
        float: left;
        i {
          display: block;
          margin-top: 30px;
          margin-right: 38px;
          margin-left: 10px;
          width: 72px;
          height: 75px;
          font-size: 0;
          text-indent: -100%;
          background: url(//shop.vipstatic.com/img/common/footer_common_20200225-hash-de601308.png?2f451356)
            no-repeat 0 0;
          background-position: -245px 0;
        }
      }
      .li3 {
        float: left;
        i {
          display: block;
          margin-top: 30px;
          margin-right: 38px;
          margin-left: 10px;
          width: 72px;
          height: 75px;
          font-size: 0;
          text-indent: -100%;
          background: url(//shop.vipstatic.com/img/common/footer_common_20200225-hash-de601308.png?2f451356)
            no-repeat 0 0;
          background-position: -369px 0;
        }
      }
      .li4 {
        float: left;
        i {
          display: block;
          margin-top: 30px;
          margin-right: 38px;
          margin-left: 10px;
          width: 72px;
          height: 75px;
          font-size: 0;
          text-indent: -100%;
          background: url(//shop.vipstatic.com/img/common/footer_common_20200225-hash-de601308.png?2f451356)
            no-repeat 0 0;
          background-position: -492px 0;
        }
      }
      .li5 {
        float: left;
        i {
          display: block;
          margin-top: 30px;
          margin-right: 38px;
          margin-left: 10px;
          width: 72px;
          height: 75px;
          font-size: 0;
          text-indent: -100%;
          background: url(//shop.vipstatic.com/img/common/footer_common_20200225-hash-de601308.png?2f451356)
            no-repeat 0 0;
          background-position: -615px 0;
        }
      }
      .li6 {
        float: left;
        i {
          display: block;
          margin-top: 30px;
          margin-right: 38px;
          margin-left: 10px;
          width: 72px;
          height: 75px;
          font-size: 0;
          text-indent: -100%;
          background: url(//shop.vipstatic.com/img/common/footer_common_20200225-hash-de601308.png?2f451356)
            no-repeat 0 0;
          background-position: -738px 0;
        }
      }
      .li7 {
        float: left;
        i {
          display: block;
          margin-top: 30px;
          margin-right: 38px;
          margin-left: 10px;
          width: 72px;
          height: 75px;
          font-size: 0;
          text-indent: -100%;
          background: url(//shop.vipstatic.com/img/common/footer_common_20200225-hash-de601308.png?2f451356)
            no-repeat 0 0;
          background-position: -859px 0;
        }
      }
    }
    .ffmain {
      overflow: hidden;
      zoom: 1;
      margin: 37px 0 25px;
      line-height: 20px;
      dl {
        float: left;
        width: 145px;
        height: 146px;
        padding-left: 16px;
        border-right: 1px solid #e0e0e0;
        dd {
          font-size: 12px;
          cursor: pointer;
        }
        :hover {
          color: pink;
        }
      }
    }
    .mains {
      text-align: center;
      color: #fff;
      .p1 {
        background-color: #d7237e;
        line-height: 30px;
        a {
          margin-left: 2px;
          margin-right: 2px;
          color: #fff;
          text-decoration: none;
        }:hover{
            color: #aaa;
        }
      }
      .p2{
          color: #999;
          margin: 14px 0;
          line-height: 19px;
          a{
              color: grey;
              text-decoration: none;
          }:hover{
              color:#d7237e ;
          }
      }
    }
    .mainF{
        padding: 4px 0 4px;
        background-color: #fff;
        .p3{
            margin: 0 auto;
            width: 960px;
            height: 40px;
            text-align: center;
            overflow: hidden;
            a{
               color: gray;
               text-decoration: none; 
               .i1{
                   height: 40px;
                   width: 99px;
                   background-position: 0 -150px;
                   margin-right: 9px;
                   background-image: url(//shop.vipstatic.com/img/common/footer-hash-3de6f1ae.png?939748fb);
                   background-repeat: no-repeat;
                   display: inline-block;
               }
               .i2{
                   height: 40px;
                   width: 76px;
                   margin-right: 9px;
                   background-image: url(//shop.vipstatic.com/img/common/footer_no_good-hash-1fe63524.png?64f2e6d6);
                   background-repeat: no-repeat;
                   display: inline-block;
               }
               .i3{
                   height: 40px;
                   width: 70px;
                   margin-right: 9px;
                   background-image: url(//shop.vipstatic.com/img/common/footer-hash-3de6f1ae.png?939748fb);
                   background-repeat: no-repeat;
                   display: inline-block;
                   background-position: 0 -250px;
               }
               .i4{
                   height: 40px;
                   width: 75px;
                   margin-right: 9px;
                   background-image: url(//shop.vipstatic.com/img/common/footer-hash-3de6f1ae.png?939748fb);
                   background-repeat: no-repeat;
                   display: inline-block;
                   background-position: 0 -300px;
               }
               .i5{
                   height: 40px;
                   width: 76px;
                   margin-right: 9px;
                   background-image: url(//shop.vipstatic.com/img/common/footer-hash-3de6f1ae.png?939748fb);
                   background-repeat: no-repeat;
                   display: inline-block;
                   background-position: 0 -400px;
               }
               .i6{
                   height: 40px;
                   width: 76px;
                   margin-right: 9px;
                   background-image:url(//shop.vipstatic.com/img/common/footer-hash-3de6f1ae.png?939748fb);
                   background-repeat: no-repeat;
                   display: inline-block;
                   background-position: 0 -450px;
               }
            }
        }
    }
  }
}
</style>
